<!DOCTYPE html>
<html manifest="cache.manifest">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <meta name="description" content="A colourful implementation of
  Conway's Game of Life in Javascript, using HTML5 features like Canvas
  and localStorage. Works nicely on the iPad too, as an offline app." />
  <meta name="keywords" content="life, game of life, conway,
  cellular automata, CAs, HTML5, Canvas, offline, localStorage" />
  <!-- Fullscreen when run from icon -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <!-- Scale done on double tap -->
  <meta name="viewport" content="initial-scale=1, user-scalable=no, width=device-width" />
  <!-- Do not parse for and highlight phone numbers -->
  <meta name="format-detection" content="telephone=no" />
  <title>Game of Life</title>
  <link rel="apple-touch-icon" href="glider-icon.png" />  
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
  <link type="text/css"  href="css/ui-darkness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
  <link type="text/css" href="css/life.css" rel="stylesheet" />
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script src="http://libs.baidu.com/jqueryui/1.8.22/jquery-ui.min.js"></script>
  <script src="js/data.js"></script>
  <script src="js/view.js"></script>
  <script src="js/life.js"></script>
  <script src="js/utils.js"></script>
  <script src="js/rules.js"></script>
</head>

  <body>
    <noscript>
      This program requires javascript.
      <style>
        div {display: none;}
      </style>
    </noscript>
    <div class="card">
      <div class="card-header">
        <button type="button" class="btn btn-primary fa fa-repeat" id="reset"></button>
        <div class="btn-group" style="float:right">
          <button type="button" class="btn btn-warning fa fa-play" id="start"></button>
          <button type="button" class="btn btn-secondary fa fa-stop" id="stop"></button>
        </div>
      </div>
      <div class="card-body">
        <div id="grid-div"></div>
      </div>
      <div class="card-footer">
        <div style="float:right; color:rgba(24, 22, 22, 0.897)">
          <span id="generation-display">Status: <span id="generation"></span></span>
          <span id="status">Stopped</span>
        </div>
      </div>
    </div>
  </body>
</html>